<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>查看主页</title>

    <link rel="stylesheet" href="${ctxPath}/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="${ctxPath}/css/customer.css">
    <link rel="stylesheet" href="${ctxPath}/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="${ctxPath}/css/common.css">
    <link rel="icon" href="/img/字体6.png">
</head>
<body>
  <jsp:include page="/WEB-INF/pages/commons/header.jsp"></jsp:include>

  <div class="head">
      <div class="UserCoverGuide-item">

              <button type="button" class="btn btn-info">更换背景</button>

      </div>
        <div class="head-portrait">
            <img src="/img/profile.jpg" width="200px" height="200px">
        </div>

  </div>
  <main class="row view justify-content-between">
      <div class="col-4 container-left" >
          <div class="container">
              <h2>个人信息一览</h2>
              <br>
              <div class="card bg-info text-white">
                  <div class="card-body">昵称：${customer.nickname}</div>
              </div>
              <br>
              <div class="card bg-primary text-white">
                  <div class="card-body">注册天数：${date}</div>
              </div>
              <br>
              <div class="card bg-success text-white">
                  <div class="card-body">文章量：${count}</div>
              </div>
              <br>
              <div class="card bg-info text-white">
                  <div class="card-body">热度：</div>
              </div>
          </div>
      </div>
      <div class="col-6 justify-content-between container-right">
          <div class="alert alert-info">
              <strong>欢迎😊</strong> 来到我的主页
          </div>
          <br>
          <div class="main-content">

              <div class="alert alert-primary content-min">
                  <c:forEach items="${topicList}" var="t" varStatus="x">
                      <div class="alert alert-primary alter-topic">
                          <strong class="col-12">${t.title}</strong>
                          <strong class="col-12">${t.content}</strong>
                          <span class="offset-5 col-4">${t.publishTime}</span>
                          <span class="col-3">${t.author.nickname}</span>
                      </div>
                      <button type="button" class="btn btn-primary btn-sm more">
                          <i class="fa fa-hand-o-right" aria-hidden="true"></i> &nbsp;<a href="${ctxPath}/topic/detail?id=${t.id}" h>查看更多</a></button>

                  </c:forEach>
              </div>

          </div>

      </div>
  </main>



</body>
</html>
